<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>H5布局标签</title>
</head>
<body>
<!--头部-->
<header>
  头部
</header>
<hr>
<!--导航-->
<nav>
  导航
</nav>
<hr>
<!--主要内容-->
<main>
  <aside style="float: right">
    侧边栏
  </aside>
  主要内容
  <!--文章-->
  <article>
    <!--独立章节-->
    <section>
      <h1>文章标题1</h1>
      <p>文章内容1</p>
    </section>
    <section>
      <h1>文章标题2</h1>
      <p>文章内容2</p>
    </section>
    <section>
      <h1>文章标题3</h1>
      <p>文章内容3</p>
    </section>
  </article>
</main>
<hr>
<footer>
  底部
</footer>
</body>
</html>
